<template>
	<div id="app">
		<header id="header" class="bg-primary">
			<div class="navbar navbar-inverse navbar-fixed-top" id="navbar" role="banner">
				<div class="container">
					<div class="navbar-header"></div>
					<nav class="collapse navbar-collapse zui-navbar-collapse">
						<ul class="nav navbar-nav navbar-right">
							<li>
								<a title="">
									<i class="icon icon-desktop"></i>
									<span>登陆</span>
								</a>
							</li>
							<li>
								<a title="" target="_blank">
									<i class="icon icon-check-sign"></i>
									<span>注册</span>
								</a>
							</li>
							<li>
								<a title="" target="_blank">
									<i class="icon icon-user"></i>
									<span>个人中心</span>
								</a>
							</li>
						</ul>
					</nav>
				</div>
			</div>
		</header>
		<section><Index></Index></section>
		<footer>
			<div class="container">
				<hr />
				<p class="text-muted small">版权所有@辽宁.大连.2019</p>
			</div>
		</footer>
	</div>
</template>

<script>
import Index from './index.vue';
export default {
	name: 'Layout',
	components: {
		Index: Index
	},
	methods: {}
};
</script>

<style>
#app {
	font-family: 'Avenir', Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: center;
	color: #2c3e50;
	margin-top: 60px;
}
ul {
	list-style: none;
}
#header {
	background: #3280fc;
}
#header a {
	color: white;
}
</style>
